<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
	<title>首页</title>
	<link rel="stylesheet" type="text/css" href="../../css/all.css" />
	<link rel="stylesheet" type="text/css" href="../../css/pages-JD-index.css" />
</head>
<script src="../../js/jquery-3.4.1.min.js"></script>
<script type="text/javascript">
	$(function () {
		$.get("/portal/username.do",function (data) {
			let username = data.username;
			console.log(username);
			if(username){
				$("#registerSpan").before("<span>" + username + "<a href='/logout/cas'>退出登录|&nbsp;</a></span>")
			}else {
				$("#registerSpan").before("<span><a href='/portal/login.htm'>登录</a></span>")
			}
		})
	})

</script>
<body>
	<!-- 头部栏位 -->
	<!--页面顶部-->
	<div id="nav-bottom">
		<!--顶部-->
		<div class="nav-top">
			<div class="top">
				<div class="py-container">
					<div class="shortcut">
						<ul class="fr">
							<li class="f-item">
								<span id="registerSpan"></span>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<!--头部-->
			<div class="header">
				<div class="py-container">
					<div class="yui3-g Logo">
						<div class="yui3-u Left logoArea">
							<a class="logo-bd" href="index.html">
								<img src="../../img/logo.jpg">
							</a>
						</div>
						<div class="yui3-u Rit searchArea">
							<div class="search">
								<form action="" class="sui-form form-inline">
									<!--searchAutoComplete-->
									<div class="input-append">
										<input type="text" id="autocomplete" class="input-error input-xxlarge" />
										<button class="sui-btn btn-xlarge btn-danger" type="button">搜索</button>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>


	<!-- 商品分类导航 -->
	<div class="typeNav">
		<div class="py-container">
			<div class="yui3-g NavList">
				<div class="yui3-u Center navArea">
					<ul class="nav">
						<li class="f-item">
							<span><a href="/projects/projectQuerySome.do">首页</a></span>
						</li>
						<li class="f-item">
							<span><a href="/projects/projectQueryAll.do?pageNum=1&pageSize=8">全部项目</a></span>
						</li>
						<li class="f-item">
							<span><a href="">发起众筹</a></span>
						</li>
						<li class="f-item">
							<span><a href="">我的众筹</a></span>
						</li>
					</ul>
				</div>
				<div class="yui3-u Right"></div>
			</div>
		</div>
	</div>

	<!--列表-->
	<div class="py-container">
		<div class="yui3-g SortList">
			<div class="yui3-u Center banerArea">
				<!--banner轮播-->
				<div id="myCarousel" data-ride="carousel" data-interval="4000" class="sui-carousel slide">
					<ol class="carousel-indicators">
						<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
						<li data-target="#myCarousel" data-slide-to="1"></li>
						<li data-target="#myCarousel" data-slide-to="2"></li>
					</ol>
					<div class="carousel-inner">
						<div class="active item">
							<a href="item.html" target="_blank">
								<img src="../../img/ad1.jpg" />
							</a>
						</div>
						<div class="item">
							<a href="item.html" target="_blank">
								<img src="../../img/ad2.jpg" />
							</a>
						</div>
						<div class="item">
							<a href="item.html" target="_blank">
								<img src="../../img/ad3.jpg" />
							</a>
						</div>
					</div>
					<a href="#myCarousel" data-slide="prev" class="carousel-control left">‹</a>
					<a href="#myCarousel" data-slide="next" class="carousel-control right">›</a>
				</div>
			</div>
		</div>
	</div>

	<!--楼层-->
	<div id="floor-1" class="floor">
		<div class="py-container">
			<div class="title floors">
				<h3 class="fl">科技</h3>
				<div class="fr">
					<ul class="sui-nav nav-tabs">
						<li class="active">
							<a href="overview.html" target="_blank">更多</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="clearfix  tab-content floor-content">
				<div class="yui3-g Floor-1" th:each="projects1:${projectList1}">
					<div class="yui3-u row-220 spli">
						<a href="item.html" th:href="@{'/projects/projectQueryOne.do?id='+${projects1.id}}">
							<img th:src="${projects1.getImgHead()}"/>
							<div style="color: black">
								<span th:text="${projects1.getName()}"></span>
								<span>众筹目标：<span th:text="${projects1.getMoneyTotal()}"></span></span>
								<span>已筹金额：<span th:text="${projects1.getMoneyHaved()}"></span></span>
							</div>
						</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="floor-2" class="floor">
		<div class="py-container">
			<div class="title floors">
				<h3 class="fl">设计</h3>
				<div class="fr">
					<ul class="sui-nav nav-tabs">
						<li class="active">
							<a href="overview.html" target="_blank">更多</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="clearfix  tab-content floor-content">
				<div class="yui3-g Floor-1" th:each="projects2:${projectList2}">
					<div class="yui3-u row-220 spli">
						<a href="item.html" th:href="@{'/projects/projectQueryOne.do?id='+${projects2.id}}">
							<img th:src="${projects2.getImgHead()}" />
							<div style="color: black">
								<a href=""></a>
								<span th:text="${projects2.getName()}"></span>
								<span>众筹目标：<span th:text="${projects2.getMoneyTotal()}"></span></span>
								<span>已筹金额：<span th:text="${projects2.getMoneyHaved()}"></span></span>
							</div>
						</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="floor-3" class="floor">
		<div class="py-container">
			<div class="title floors">
				<h3 class="fl">农业</h3>
				<div class="fr">
					<ul class="sui-nav nav-tabs">
						<li class="active">
							<a href="overview.html">更多</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="clearfix  tab-content floor-content">
				<div class="yui3-g Floor-1" th:each="projects3:${projectList3}">
					<div class="yui3-u row-220 spli">
						<a href="item.html" th:href="@{'/projects/projectQueryOne.do?id='+${projects3.id}}">
							<img th:src="${projects3.getImgHead()}" />
							<div style="color: black">
								<span th:text="${projects3.getName()}"></span>
								<span>众筹目标：<span th:text="${projects3.getMoneyTotal()}"></span></span>
								<span>已筹金额：<span th:text="${projects3.getMoneyHaved()}"></span></span>
							</div>
						</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="floor-4" class="floor">
		<div class="py-container">
			<div class="title floors">
				<h3 class="fl">其他</h3>
				<div class="fr">
					<ul class="sui-nav nav-tabs">
						<li class="active">
							<a href="overview.html">更多</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="clearfix  tab-content floor-content">
				<div class="yui3-g Floor-1" th:each="projects4:${projectList4}">
					<div class="yui3-u row-220 spli">
						<a href="item.html" th:href="@{'/projects/projectQueryOne.do?id='+${projects4.id}}">
							<img th:src="${projects4.getImgHead()}"/>
							<div style="color: black">
								<span th:text="${projects4.getName()}"></span>
								<span>众筹目标：<span th:text="${projects4.getMoneyTotal()}"></span></span>
								<span>已筹金额：<span th:text="${projects4.getMoneyHaved()}"></span></span>
							</div>
						</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 底部栏位 -->
	<!--页面底部-->
	<div class="clearfix footer">
		<div class="py-container">
			<div class="footlink">
				<div class="Mod-copyright">
					<ul class="helpLink">
						<li>关于我们
							<span class="space"></span>
						</li>
						<li>联系我们
							<span class="space"></span>
						</li>
						<li>个人中心
							<span class="space"></span>
						</li>
						<li>我要发起
							<span class="space"></span>
						</li>
						<li>我要支持
							<span class="space"></span>
						</li>
						<li>收货地址
							<span class="space"></span>
						</li>
						<li>实名认证
							<span class="space"></span>
						</li>
						<li>基本信息
							<span class="space"></span>
						</li>
						<li>发起协议</li>
					</ul>
					<p>地址：xxx 邮编：xxx 电话：xxx-xxx-xxxx 传真：xxx-xxxxxxxx</p>
				</div>
			</div>
		</div>
	</div>

	<script type="text/javascript" src="../../js/all.js"></script>
	<script type="text/javascript" src="../../js/plugins/jquery/jquery.min.js"></script>
	<script type="text/javascript" src="../../js/pages/index.js"></script>
</body>

</html>